<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的</title>
</head>

<body class="d_f fdcolumn">
    <main class="flex bge8 ofScroll">
        <!-- 用户名 -->
        <div id="mineName" class="bfff mb16 minepadding">
            <div class="d_f prv mb16 ">
                <a href="./perData.html"> <img src="../img/头像.jpg" alt="" id="userImg"></a>
                <h3 class="pabs" id="userName">用户名</h3>
            </div>
            <p>个性签名:一切都是最好的安排</p>
        </div>
        <!-- 运动数据 -->
        <div id="sportsData" class="bfff minepadding mb16">
            <div class="d_f mb16 jssbetween">
                <p>运动数据</p><span id="forthWad">&gt;</span>
            </div>
            <div class="sportDetail d_f">
                <div class="sportleft ">
                    <span>总运动</span>
                    <p><span id="sportTime" class="c4294FF f20">00</span><span>分钟</span></p>
                </div>
                <div class="sportriht">
                    <span>本周消耗</span>
                    <p><span id="spendC" class="c4294FF f20">00</span><span class="c4294FF">千卡</span></p>
                </div>
            </div>
        </div>
        <!-- 运动徽章 -->
        <div id="mineBadge" class="minepadding bfff mb16">
            <div class="d_f mb16 jssbetween">
                <p>我的运动徽章</p><span id="badgeBtn">&gt;</span>
            </div>
            <div class="BadgeDetail d_f">
                <div> <img src="../img/mybadge01.jpg" alt=""></div>
                <div> <img src="../img/mybadge01.jpg" alt=""></div>
                <div> <img src="../img/mybadge03.jpg" alt=""></div>

            </div>
        </div>
        <!-- 退出登录 -->
        <div class="bfff tcenter c4294FF" id="close">退出登录</div>
    </main>
    <div id="masking" class="pabs">
        <div class="bgcolor p15">
            <span class="iconfont icon-back cfff" id="returnBtn"></span>
            <div class="d_f jssbetween p15">
                <div class="cfff">
                    <h2>我的徽章</h2>
                    <h2 class="mt10">MY BADGES</h2>
                </div>

                <span class="d_f">
                    <span>今日排名 :</span>
                    <p class="cfff f40" id="ranking">9</p>
                </span>

            </div>
        </div>
        <div class="p15 d_f jssaround fw">
            <div class="d_f fdcolumn mt10 tcenter">
                <img src="../img/mybadge01.jpg" alt="" class="mb16">
                <span>连续训练天数</span>
            </div>
            <div class="d_f fdcolumn mt10 tcenter">
                <img src="../img/mybadge02.jpg" alt="" class="mb16">
                <span>累积训练天数</span>
            </div>
            <div class="d_f fdcolumn mt10 tcenter">
                <img src="../img/mybadge03.jpg" alt="" class="mb16">
                训练次数
            </div>
            <div class="d_f fdcolumn mt10 tcenter">
                <img src="../img/mybadge04.jpg" alt="" class="mb16">
                <span>跑步次数</span>
            </div>
            <div class="d_f fdcolumn mt10 tcenter">
                <img src="../img/mybadge05.jpg" alt="" class="mb16">
                <span>跑步次数</span>
            </div>
            <div class="d_f fdcolumn mt10 tcenter">
                <img src="../img/mybadge06.jpg" alt="" class="mb16">
                <span>跑步次数</span>
            </div>
            <div class="d_f fdcolumn mt10 tcenter">
                <img src="../img/mybadge07.jpg" alt="" class="mb16">
                <span>跑步次数</span>
            </div>
            <div class="d_f fdcolumn mt10 tcenter">
                <img src="../img/mybadge08.jpg" alt="" class="mb16">
                <span>跑步次数</span>
            </div>
            <div class="d_f fdcolumn mt10 tcenter">
                <img src="../img/mybadge09.jpg" alt="" class="mb16">
                <span>跑步次数</span>
            </div>

        </div>
    </div>
</body>

</html>